
<!DOCTYPE html>
<html>
<head>
<title>帮帮堂-大学生互助平台</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Dotpixsel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript">
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 
</script>
<link
	href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900'
	rel='stylesheet' type='text/css'>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<link rel="stylesheet" href="css/global.css" type='text/css' />
<link rel="stylesheet" href="css/index.css" type='text/css' />
<link rel="stylesheet" href="css/base.css" type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel="stylesheet" type="text/css"
	media="all" />

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/responsiveslides.min.js"></script>
<script>
	$(function() {
		$("#slider").responsiveSlides({
			auto : true,
			speed : 500,
			namespace : "callbacks",
			pager : true,
		});
	});
</script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event) {
			event.preventDefault();
			$('html,body').animate({
				scrollTop : $(this.hash).offset().top
			}, 1200);
		});
	});
</script>

</head>
<body>

	<!--=== Preloader section starts ===-->
	<section id="preloader">
		<div class="loading-circle fa-spin"></div>
	</section>
	<!--=== Preloader section Ends ===-->

	<!--=== Header section Starts ===-->
	<div id="header" class="header-section">
		<!-- 导航 -->
		<div class="nav">
			<div>
				<h1 class="logo">
					<a href="index.html"
						title="天津牵梦科技有限公司">帮帮堂</a>
				</h1>
				<div class="n-nav">
					<ul>
						<li class="active"><a href="index.action">首页</a></li>
						<li><a href="downLoad.action">APP下载</a></li>
						<!-- 					<li><a href="http://www.longdaji.com/index.php/web/index/dxbb_company_app">企业版APP</a></li> -->
						<li><a href="about.action">关于我们</a></li>
						<li><a href="contact.action">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="header" style="margin-top: 10px">

			<div class="container">


				<div class="logo">
					<a href="index.html"><img src="images/logo.png"></a>
				</div>
				<div class="header-info">
					<h1>shopping apps</h1>
					<p>Beautiful, simple and easy to use Pincode</p>
					<div class="buttons">
						<a class="button" href="#">download</a> <a class="button1"
							href="#">Learn more</a>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="container">
				<div class="features-section">
					<div class="feature-header">
						<h2>
							<span class="ia">Check</span> <span class="ib">out</span> <span
								class="ic">the</span> <span class="id">superb</span> <span
								class="ie">features</span>
						</h2>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
							sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
							aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
							exerci tation ullamcorper suscipit lobortis</p>
					</div>
					<div class="features-grids">
						<div class="feature-grid1">
							<div class="col-md-6 feature1-grid">
								<img src="images/iphone1.png">
							</div>
							<div class="col-md-6 feature2-grid">
								<h3>
									<span>Focus o</span>n priority
								</h3>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
									sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
									aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
<!-- 								<div class="buttons1"> -->
<!-- 									<a class="btn btn-1 btn-1c button2" href="#">Learn more</a> <a -->
<!-- 										class="btn btn-1 btn-1c button3" href="#">></a> -->
<!-- 								</div> -->
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="feature-grid2">
							<div class="col-md-6 feature12-grid">
								<h3>
									<span>New York</span> Weather
								</h3>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
									sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
									aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
<!-- 								<div class="buttons1"> -->
<!-- 									<a class="btn btn-1 btn-1b button4" href="#">Learn more</a> <a -->
<!-- 										class="btn btn-1 btn-1b button5" href="#">></a> -->
<!-- 								</div> -->
							</div>
							<div class="col-md-6 feature1-grid">
								<img src="images/iphone2.png">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="feature-grid3">
							<div class="col-md-6 feature1-grid">
								<img src="images/iphone3.png">
							</div>
							<div class="col-md-6 feature13-grid">
								<h3>
									<span>Focus on</span> shop
								</h3>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
									sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
									aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
<!-- 								<div class="buttons1"> -->
<!-- 									<a class="btn btn-1 btn-1d button6" href="#">Learn more</a> <a -->
<!-- 										class="btn btn-1 btn-1d button7" href="#">></a> -->
<!-- 								</div> -->
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			</div>

			<!--start-divice-scree-slider-->
			<div class="app" id="screens">
				<div class="container">
					<div class="discover-header">
						<h3>Discover New Video & Friends</h3>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
							sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
							aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
					</div>

					<div class="img-cursual">
						<div id="owl-demo" class="owl-carousel">
							<div class="item">
								<img class="lazyOwl" data-src="images/w2.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w4.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/cal.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w2.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w4.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w2.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w4.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/cal.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w2.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w4.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w2.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w4.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/cal.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w2.png"
									alt="Lazy Owl Image">
							</div>
							<div class="item">
								<img class="lazyOwl" data-src="images/w4.png"
									alt="Lazy Owl Image">
							</div>


						</div>
					</div>
				</div>
			</div>
			<!---image-carsuals---->
			<link href="css/owl.carousel.css" rel="stylesheet"/>
			<link href="css/owl.theme.css" rel="stylesheet"/>
			<script src="js/owl.carousel.js"></script>
			<script>
				$(document)
						.ready(
								function() {
									$("#owl-demo")
											.owlCarousel(
													{
														navigation : true,
														navigationText : [
																"<i class='icon-chevron-left icon-white'></i>",
																"<i class='icon-chevron-right icon-white'></i>" ],
														items : 5,
														slideSpeed : 100,
														lazyLoad : true,
														autoPlay : true,
													});
								});
			</script>
			<!---//End-carsuals---->
		</div>
		<div>
			<div class="container">
				<script type="text/javascript">
					$(document).ready(function() {
						/*
						var defaults = {
							containerID: 'toTop', // fading element id
							containerHoverID: 'toTopHover', // fading element hover id
							scrollSpeed: 1200,
							easingType: 'linear' 
						};
						 */

						$().UItoTop({
							easingType : 'easeOutQuart'
						});

					});
				</script>
				<a href="#" id="toTop" style="display: block;"> <span
					id="toTopHover" style="opacity: 1;"> </span></a>



			</div>
		</div>
</body>
</html>